<!doctype html>
<html>

  <head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../css/mui.min.css" rel="stylesheet" />
    <style>
      html {
        font-family: Roboto, Arial, "Noto Sans CJK SC", "Noto Sans CJK TC", "Pingfang SC", "Microsoft Yahei", "WenQuanYi Micro Hei", sans-serif;
      }
      
      body {
        overflow-x: hidden;
        background-color: #fff !important;
      }
      
      .mui-content {
        background-color: #fff;
      }
      
      .out-box {
        width: 90%;
        margin-left: 5%;
        height: 100px;
        font-size: 13px;
        text-align: center;
        margin-top: 20px;
        padding-top: 20px;
      }
      
      .out-box:active {
        background-color: #F2F2F2;
      }
      
      .lit-span {
        font-size: 12px;
      }
      .vux-1px{
      	border: 1px dashed #ccc;
      	border-radius: 5px;
      }
    </style>
  </head>
  <div class="mui-content">
    <div class="mui-row">
      <div class="mui-col-sm-6 mui-col-xs-6">
        <div class="vux-1px out-box my-invertory error-type" data-title='我的库存误差' data-url='myerror.html' data-id='myerror'>
          <p>我发出的货有问题</p>
          <p class="lit-span">（导致我的库存错误）</p>
        </div>
      </div>
      <div class="mui-col-sm-6 mui-col-xs-6">
        <div class="vux-1px out-box other-error error-type" data-title='发货人的库存误差' data-url='otherError.html' data-id='otherError'>
          <p>我收到的货有问题</p>
          <p class="lit-span">（发货人的库存有问题）</p>
        </div>
      </div>
      <div class="mui-col-sm-6 mui-col-xs-6">
        <div class="vux-1px out-box matchine-error error-type" data-title='机台库存误差' data-url='matchineError.html' data-id='matchineError'>
          <p>机台清点的货有问题</p>
          <p class="lit-span">（机台的库存有问题）</p>
        </div>
      </div>
    </div>
  </div>

  <body>
    <script src="../js/mui.min.js"></script>
    <script type="text/javascript">
      (function($) {
        $.init()
        $.plusReady(function() {
          receiveParams()
        })
        $.ready(function() {
          bindEvent()
        })
        //接受传值
        function receiveParams() {
          var self = plus.webview.currentWebview();
          currentShopObj = self.currentShopObj;
        }
        //绑定
        function bindEvent() {
        	$('.mui-content').on('tap','.error-type', function(e){
        		var title = this.getAttribute('data-title')
        		var Url  = this.getAttribute('data-url')
        		var id = this.getAttribute('data-id')
        		$.openWindow({
              url: Url,
              id: id,
              styles: {
                top: 0, //新页面顶部位置
                bottom: 0, //新页面底部位置
                titleNView: {
                  titleText: title,
                  titleColor: "#FFFFFF",
                  titleSize: "17px",
                  backgroundColor: "#FF6800",
                  autoBackButton: true,
//                homeButton: true,
									buttons:[
									{
										float: "right",
                    fontSize: "18px",
                    fontSrc: "_www/fonts/iconfont.ttf",//wap2app内置字体文件
                    text: "\ue602",
                    onclick: function(){
											var errorPage = plus.webview.getWebviewById('error')
											errorPage && errorPage.close('none')
											var nowPage = plus.webview.getWebviewById(id)
											nowPage && nowPage.close()
                    }
									}
									],
                  splitLine: {
                    color: "#CCCCCC",
                    height: "1px"
                  }
                }
              },
              extras: {
                currentShopObj: currentShopObj
              }
            })
        	})
          //
        }
      }(mui))
    </script>
  </body>

</html>